<script setup lang="ts">

</script>

<template>
  <div class="flex h-16 items-center text-xl gap-4 pr-10">

    <div class=" flex items-center">
        <div class="flex py-1 px-2 rounded-6 bg-cyan-1 hover-bg-[#8FEBE5] items-center">
          <svg class="text-[#538BA2]" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M9 6L9 18L7 18L7 6z"><animate fill="freeze" attributeName="d" dur="0.4s" values="M9 18L7 18L7 6L9 6L9 18;M13 15L8 18L8 6L13 9L13 15"/><set attributeName="opacity" begin="0.4s" to="0"/></path><path d="M15 6L17 6L17 18L15 18L15 6"><animate fill="freeze" attributeName="d" dur="0.4s" values="M15 6L17 6L17 18L15 18L15 6;M13 9L18 12L18 12L13 15L13 9"/><set attributeName="opacity" begin="0.4s" to="0"/></path><path d="M8 6L18 12L8 18z" opacity="0"><set attributeName="opacity" begin="0.4s" to="1"/></path></g></svg>
          <img class="h-7 w-auto" src="../img/t-播放全部.png" />
        </div>
      </div>

      <div class="flex items-center">
        <div class="flex py-1 px-4 rounded-6 bg-cyan-1 hover-bg-[#8FEBE5] items-center">
          <svg class="text-[#538BA2]" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 21h12M12 3v14m0 0l5-5m-5 5l-5-5"/></svg>
          <img class="h-7 w-auto" src="../img/t-下载.png" />
        </div>
      </div>

      <div class="flex items-center">
        <div class="flex py-1 px-4 rounded-6 bg-cyan-1 hover-bg-[#8FEBE5] items-center">
          <svg class="text-[#538BA2] " xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 256 256"><path fill="currentColor" d="M222 128a6 6 0 0 1-6 6h-88a6 6 0 0 1 0-12h88a6 6 0 0 1 6 6Zm-94-58h88a6 6 0 0 0 0-12h-88a6 6 0 0 0 0 12Zm88 116h-88a6 6 0 0 0 0 12h88a6 6 0 0 0 0-12ZM83.76 43.76L56 71.51L44.24 59.76a6 6 0 0 0-8.48 8.48l16 16a6 6 0 0 0 8.48 0l32-32a6 6 0 0 0-8.48-8.48Zm0 64L56 135.51l-11.76-11.75a6 6 0 1 0-8.48 8.48l16 16a6 6 0 0 0 8.48 0l32-32a6 6 0 0 0-8.48-8.48Zm0 64L56 199.51l-11.76-11.75a6 6 0 0 0-8.48 8.48l16 16a6 6 0 0 0 8.48 0l32-32a6 6 0 0 0-8.48-8.48Z"/></svg>
          <img class="h-7 w-auto  ml-1" src="../img/t-批量操作.png"/>
        </div>
      </div>
  </div>

</template>

<style scoped>

</style>